@charset "utf-8";
/* CSS Document */
/*预定课程页面*/
.row-padding{padding:50px; padding-top: 10px;}
.contact_div{border: 1px #ddd solid; padding:30px; padding-top: 20px;}
.contact_div label{width: 110px;}
.contact_div .remark{width: 70%;margin-left: 110px;margin-top:-20px;}
.quit_btn {border: 1px #ddd solid; width: 100px; }
.voucher{border: 1px #ddd solid; padding:20px; width: 60%;}
.buy_btn{width: 150px; font-size: 20px; font-weight: bold;}

/*支付页面*/
.text-orange{ color:#ee7318;}
.pay_div{height: 95px;background-color: #f2f2f2;}
.pay_l{width:20%;border-right: #ddd 2px solid;padding:10px;}
.pay_r{width:80%;padding:20px;}

/*约课界面*/
.book_time_div{ border: 1px solid #ddd;}
.book_time{ border-left: 1px solid #ddd; height: 100%;padding:10px;}
.prev_a{}

/*订单成功页面*/
.book_border{border: 1px #ddd solid;}
.borde_right{border-right:2px solid #ddd;}

/**/
.padding0{padding: 0px;}

/*机构登陆首页*/
.institute_login{ width:100%; height:500px; position:relative; display:block; background:url(/Public/images/login_bg.jpg) top center no-repeat;}
.institute_login .error{ color: red;float: left;display: none;}
.institute_login .login-banner {
    color: #fff;
    margin-top: -78px;
    position: absolute;
    text-align: center;
    left: 15%;
    top: 80%;
    width: 734px;}
.institute_login .regist-btn {  
    border-radius: 50px;
    font-size: 20px;
    height: 50px;}
.institute_login_box{ width:450px; display:block; position:absolute; left:70%;top:60%; margin-left:-225px; margin-top:-242px; padding:15px 32px; background:#fff; z-index:600;}
.institute_login .sing{  margin-bottom:30px;margin-left: -20px; }
.institute_login .sing li{ width:150px; text-align:center; margin:0 10px; display:inline-block;}
.institute_login .sing li p{ font-size:18px; padding:8px 0;}

.howto-hint-title {
    margin-top: -20px;
    font-size: 18px;
    color: #999;
    text-align: center;
}
.howto-register ol {
    list-style: outside none none;
    margin: 70px 45px 50px;
}
.howto-register ol::after, .howto-register ol::before {
    content: "";
    display: table;
}
.howto-register ol::after {
    clear: both;
}
.howto-register ol li {
    float: left;
}
.howto-register ol .howto-steps-seperator {
    width: 120px;
}
.howto-register ol strong {
    background-color: #6287d5;
    border-radius: 70px;
    color: #fff;
    display: block;
    font-size: 36px;
    font-weight: 400;
    height: 140px;
    margin: 0 53px 40px;
    padding-top: 24px;
    text-align: center;
    width: 140px;
}
.howto-register ol strong span {
    display: block;
    font-size: 20px;
}
.howto-register ol strong.howto-steps-1 {
    background-color: #a2b8e6;
}
.howto-register ol strong.howto-steps-2 {
    background-color: #8aa6e0;
}
.howto-register ol p {
    margin: 0 auto;
    text-align: center;
    width: 228px;
}

.howto-steps-seperator i {
    border: 1px solid #ccc;
    border-radius: 1px;
    display: inline-block;
    margin-top: 68px;
    width: 120px;
}
.our-features {
    background-color: #f5f5f5;
    min-width: 1100px;
    padding-bottom: 60px;
}

.our-features ul {
    margin: 0 auto;
    width: 620px;
}
ul {
    list-style: outside none none;
}
.our-features ul li {
    background-image: url("/Public/images/x-repeat_8454cf3c0e.png");
    background-repeat: no-repeat;
    margin-bottom: 60px;
    padding-bottom: 120px;
    padding-left: 260px;
}
.our-features-brand {
    background-position: 38px 0;
    height: 144px;
}
.our-features * {
    box-sizing: border-box;
}
.our-features ul strong {
    color: #7dc164;
    display: block;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 16px;
}

.our-features ul p {
    line-height: 26px;
}

.our-features ul .our-features-students {
    padding-left: 0;
    padding-right: 260px;
}
.our-features-students {
    background-position: right -160px;
    height: 115px;
}
.our-features-management {
    background-position: 38px -300px;
    height: 120px;
}

/*教师图片*/
.album ,input-sm{width:50%;}
.form-inline .form-control .album-des{
    width:80%;
}
.parentFileBox{
    max-height: 250px;position:relative;overflow: auto;
}
.album-p{cursor: pointer; height: 60px; width: 100%;word-break:break-all; word-wrap:break-word ;}
.albumForm{padding: 10px;}
.upload-picture{width:250px; height:338px; padding-top:100px;}
.upload-picture span{font-size:100px; color:#f5f5f5;}
.album-picture img{width: 100%;height: 240px;}
.album-picture a img{width: 100%;height: 250px;}

/*图片取消*/
.picture-del{
    position:absolute;
    width:32px;
    height:32px;
    top:2px;
    cursor:pointer;
    background:url(../images/x_alt.png) no-repeat;
    display: none;
}
.album-picture:hover .picture-del{
    display: block;
}

/*图片切换*/
/* zoombox */
.zoombox{}
.zoombox #slideshow{list-style:none;color:#fff;display:none}
.zoombox #slideshow span{display:none}
.zoombox #wrapper{width:100%;margin:0px auto;display:block}
.zoombox #wrapper *{margin:0;padding:0}
.zoombox #fullsize{position:relative;width:100%;height:504px;padding:2px;}
.zoombox #information{position:absolute;bottom:2px;width:100%;height:0;background:#000;color:#fff;overflow:hidden;z-index:200;opacity:.3;filter:alpha(opacity=30)}
.zoombox #information h3{padding:4px 8px 3px;font-size:14px}
.zoombox #information p{padding:0 8px 8px}
.zoombox #zoomimage{width:100%}
.zoombox #zoomimage img{position:absolute;z-index:25;width:100%;height:500px;}
.zoombox .imgnav{position:absolute;width:25%;height:452px;cursor:pointer;z-index:150}
.zoombox #imgprev{left:2px;background:url(../images/left.gif) left center no-repeat}
.zoombox #imgnext{right:2px;background:url(../images/right.gif) right center no-repeat}
.zoombox #imglink{position:absolute;height:452px;width:100%;z-index:100;opacity:.4;filter:alpha(opacity=40)}
.zoombox .linkhover{background:url(../images/link.gif) center center no-repeat}
.zoombox #thumbnails{margin-top:2px;}
.zoombox #slideleft{float:left;width:2%;height:81px;background:url(../images/scroll-left.gif) center center no-repeat;background-color:#222;opacity:.3;filter:alpha(opacity=30)}
.zoombox #slideleft:hover{background-color:#333;opacity:.7;filter:alpha(opacity=70)}
.zoombox #slideright{float:right;width:2%;height:81px;background:#222 url(../images/scroll-right.gif) center center no-repeat;opacity:.3;filter:alpha(opacity=30)}
.zoombox #slideright:hover{background-color:#333;opacity:.7;filter:alpha(opacity=70)}
.zoombox #slidearea{float:left;position:relative;width:95%;margin-left:5px;height:81px;overflow:hidden;margin-bottom: 20px;}
.zoombox #slider{position:absolute;left:0;height:81px}
.zoombox #slider img{cursor:pointer;padding:2px;width:145px;height:75px;border:1px solid #333;}

/*教师主页*/
.one-class{cursor: pointer;}

/*教师发布文章*/
.article-form .form-group{width:100%;}
.article-form .form-group .label-three{width:20%;}
.article-form .form-group input{width:50%;}
.article-form .form-group select{width:50%;}

/*think 分页显示*/
.thinkpage{float: right;}
.thinkpage div{ border-radius: 4px; display: inline-block; margin: 20px 0; padding-left: 0;}
.thinkpage div span,.thinkpage div a{background-color: #fff;border: 1px solid #ddd;color: #337ab7;float: left;line-height: 1.42857;margin-left: -1px;padding: 6px 12px;position: relative;text-decoration: none;}
.thinkpage div a:hover{background-color: #eee;border-color: #ddd;color: #23527c;}

/*教师添加评论*/
.pointer{cursor: pointer;}
.comment i:hover{color: #d56267;}
.status-a .active{color:#23527c}

/*教师添加视频*/
.choose-video{margin-top: 50%;margin-left: 18%;}
.video-picture:hover .picture-del{
    display: block;
}

/*资质认证*/
.upload-photo{display: block;}
.intro{background-color: #f8f8f8;
    border: 1px solid #ddd;
    font-size: 12px;
    line-height: 22px;
    padding: 10px 18px;
    text-align: left;}

.teacher-grade{display: inline;}

/*地址设置*/
.set-area label{margin-left: 0 !important;}

/*班课设置*/
.dn{display: none;}
.arrangement-before .form-inline .delete-p{display: none;}
.week-select{cursor: pointer;}

/*课程详情*/
.wait-bg{position:relative;height:300px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}